
import {PolymerElement, html} from 'https://unpkg.com/@polymer/polymer/polymer-element.js?module';



class OwlSlide extends PolymerElement {


    constructor(){

        super();
    }
    connectedCallback(){

        super.connectedCallback();
        this.addEventListener('click',this.toggle);

        setInterval();
    }
    static get properties() { return {
        mood: {

            type: String,
            value: "",
            observer:"_moodChange"
        },

        flag:{

            type:Boolean,
            value:false
        }

    }};


    _moodChange(newValue,oldValue){

    }
    static get template() {
        return html`
             <style>
             
              .owl-slider{
                
                  width: auto;
                  height: auto;
                  background-color: royalblue;
                  /*position: relative;*/
            
              }
              
              .owl-slider img{
              
                 width: 100%;
                 height: 100%;
              }
              
              /*#show::sloted(img){*/
                /**/
                 /*position: relative;*/
              
              /*}*/
              
             
            </style>
        
          <div class="owl-slider">
               <slot id="#show"></slot>
          </div>
        `;
    }

    toggle(){

    }

}

customElements.define("owl-slide",OwlSlide);

